@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:13px;}}


@media (min-width: 768px)
{
}

@media (min-width: 992px)
{
}

@media (min-width: 1200px)
{
}

@media (min-width: 1280px)
{

}

@media (min-width: 1440px)
{
 	
}
.foot_mask{ display: none;}
#foot {
    background: url(../image/foot_bg.png) center top no-repeat;
    color: #323232;
    position: relative;
}
@media (max-width: 1725px)
{
#foot {
    background: url(../image/foot_bg_md.png) center top no-repeat;
    background-position: right top;
}
}
@media (min-width: 1660px)
{
    .s_explore{ background-size: cover !important;}
    .foot_mask{ top: 49px;}
}

@media screen and (min-width:1200px) and (max-width:1440px)
{

}

@media (max-width: 1660px)
{
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    #header>.m{ padding: 0 2rem;}
    .menu_nav{ right: 2rem; transform: scale(.8);}
    .bn_ar i{ width: 1.5rem;}
    .bn_ar span{ font-size: 1.25rem;}
    #banner .txt{ padding-left: 5rem;}
    #banner .txt h4{font-size: 3.125rem;}
    #banner .txt h3{font-size: 4.6rem;}
    #banner .swiper-pagination{ margin-left: 2rem;}
    .s_explore .outbox{transform: scale(.85);}
    .load_boll2,.load_boll1{ width: 15rem;}
    #loader-wrapper .txt{ max-width: 63rem; font-size: 1.5rem;}
    .s_platform .center .hd ul{ max-width: 460px;}
    .s_platform .center .hd span{ padding: 0 4rem;}
    #gotop{ right: 6px;}
    
}

@media (max-width: 1360px)
{
    .s_platform .center .hd ul{ max-width: 518px;}
}

@media (max-width: 1280px)
{
 
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
.n_title{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;} 
}

@media (max-width: 1100px)
{
 
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
  
}

@media (min-width:481px) and (max-width:992px)
{ 

}

@media (max-width: 860px)
{
 
}

@media (max-width: 768px)
{
.pad_top{ padding-top:5rem !important;}
.pad_bot{ padding-bottom:5rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
/* .m{ padding: 0 30px;} */
.m{ padding: 0 50px;}
.exp_line .innerbox #exp_svg{ display: none;}
.exp_line .innerbox{width: 100%; height: 100%;}
.s_explore .outbox{ transform: scale(1); margin: 0 6rem;}
.s_explore .roll-box{ width: 55%;}
.exp_line .innerbox ul li:nth-child(2) dl dd,
.exp_line .innerbox ul li:nth-child(7) dl dd{ left: 0; right: auto;}
.exp_line .innerbox ul li:nth-child(5) dl dd{ right: 0; left: auto;}
.s_pro .bd{ flex-direction: column; display: block;}
.s_pro .bd .left{ width: 100%; margin-bottom: 3rem;}

.pro2_huan img{ width: 12rem; height: 12rem; margin: 0 -12%;}
.s_platform .center .hd ul{ max-width: 314px;}
.s_platform .center{ margin-top: -6rem;}
.s_platform .bd{ top: 90%;}
.s_rukou ul{ margin: 0 -5px;}
.s_rukou ul li{ padding: 0 5px;}
.s_rukou ul li .line{ display: none;}
.s_rukou ul li .txt h5{ line-height: 1.2; margin-bottom: 1rem;}
.s_rukou ul li .icobox{  display: none;}
.s_rukou ul li .icobox p{ text-align: center;}
.s_rukou ul li .ico{ }
.foot_nav{ display: none;}
#foot>.m{ flex-direction: column-reverse;}
#foot .right{ max-width: inherit;}
.foot_ewm{ position: absolute; right: 0; top: 3rem;}
.load_logo img{ height: 38px; width: auto;  }
#loader-wrapper .txt{ width: 80%; font-size: 1.25rem;}
.load_boll1,.load_boll2{ width: 11rem;}
#foot{ background: url(../image/foot_bg_ipad.png) right top no-repeat;}
    #gotop {
        right: 5px;
        transform: scale(.8);
        transform-origin: top;
        top: -2.5rem;
    }
}

@media (max-width: 480px)
{
.pad_top{ padding-top:4rem !important;}
.pad_bot{ padding-bottom:4rem !important;}
.m{ padding: 0 15px;}
.menu_nav{ top: .5rem; right: .5rem;}
#header>.m{ padding: 0 15px;}
.logo{ width: 11rem;}
#nav{ display: none;}
#banner .txt{ padding-left: 0; padding-top: 8rem;text-align: center;
    align-items: center;}
#banner .txt h4{ font-size: 1.75rem;}
#banner .txt h3{ font-size: 2.5rem;}
.bn_ar{ display: none;}
#banner .swiper-pagination{ margin-left: 0;}
#banner .dotbox{ margin-top: 0; top: auto; bottom: 0;}
#banner .swiper-container{ height: 18rem;}
.s_tt h4{ font-size: 1.75rem;}
.s_tt h3{ font-size: 1.25rem;}
.s_explore .roll-box{ width: 100%;}
.s_explore .outbox{ margin: 0 0;}
.s_explore .ttbox .tt h3{ font-size: 1.5rem;}
.s_explore .ttbox .tt img{ width: 5rem;}
.exp_line .innerbox{ margin-right: 0; margin-top: 2rem;}
.s_explore .roll-box{ width: 74%;}
.exp_line .innerbox ul{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.exp_line .innerbox ul li span{ flex-shrink: 0; margin-right: 1rem;}
.exp_line .innerbox ul li{position:static !important;display: flex;width: auto;justify-content: center;margin-bottom: 1.25rem;height: auto;width: 50%;flex-direction: column;align-items: center;}
.exp_line .innerbox ul li dl{position: static !important; padding: 0 5px; transform: none !important;display: flex;flex-direction: column;align-items: center; width: 100%;}
.exp_line .innerbox ul li dd{ position: static !important; transform: none !important;opacity: 1; white-space: normal;
    visibility: visible;}
    .exp_line .innerbox ul li dd br{ display: none;}
    .exp_line{ top: 100%;}
    .s_explore{ padding-bottom: 44rem;}
    .exp_line .innerbox ul li span{
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        font-size: 1.25rem;
        margin-bottom: 1rem;
        }
        .exp_line .innerbox ul li dt{flex-shrink: 0;margin-right: 1rem;margin-bottom: 5px;}
        .exp_line .innerbox ul li dd{ font-size: 1rem; margin: 0;}
        .pro2_huan img{ width: 8rem; height: 8rem; margin: 0 -13%;}
        .s_pro2 .box3 .txt span, .s_pro2 .list .swiper-slide .txt span{ font-size: 1.75rem;}
        .s_pro2 .box3 .txt h4, .s_pro2 .list .swiper-slide .txt h4{ font-size: 1.25rem;}
        .pro_left, .pro_right, .prolist .swiper-button-next, .prolist .swiper-button-prev{ width: 4rem;}
        .s_pro2 .list .txt{ width: 300px; margin-left: -80px;}
        .foot_ewm img { 
            width: 6rem;
            height: 6rem;
            margin-right: 0;
        }
        #foot .right { 
            padding-right: 40%;
        }
        .foot_ewm{ flex-direction: column;}
        .foot_ewm p{ text-align: center; margin-top: .5rem;}
        .foot_lianxi{ line-height: 1.5rem;}
        .foot_bot{ padding: 1.5rem 0; flex-direction: column;}
        .s_foot_link{ width: 100%; margin-bottom: 1rem;}
        .copyright{ text-align: center;}
        .foot_mask{ width: 7rem;}
        #gotop{ right: 20px;}
        img.gotop{ width: 2.75rem;}
        .s_rukou ul{ flex-flow: wrap;}
        .s_rukou ul li{ width: 100%;}
        .s_rukou ul li+li{ margin-top: 2.5rem;}
        .s_rukou ul li .icobox{ display: block;}
        .s_rukou ul li .line{ display: block;}
        .s_tt{ margin-bottom: 2rem;}
        #foot .left{ padding-top: 1rem;}
        .foot_bot{ border: 0;}
        .menu_nav p{ display: none;}
        #m_nav{ width: 15rem;}
        .s_platform .center {
            margin-top: -1rem;
        }
        .s_platform .center .imgbox{ overflow: hidden;}
        .s_platform .center .imgbox #myimg{ transform: scale(2); }
        .s_platform .bd{ top: 108%;}
        .s_platform{ padding-bottom: 32rem !important;}
        .s_platform .bd2 {
            position: absolute;
            left: 0;
            top: 43%;
            width: 100%;
            height: 50rem;
        }
        .s_platform .bd2 ul{ height: 36rem;}
        /* .s_platform .center .hd span{ display: none !important;} */
        .s_platform .center .hd span {
            padding: 0 2rem; line-height: 1.5; padding-top: 2rem !important; font-size: 12px;
        }
        .s_platform .center .hd li:nth-child(1) span{ padding-left: 1rem !important; padding-right: 3rem !important;}
        .s_platform .center .hd li:nth-child(1){ margin-left: 0;}
        .s_platform .center .hd li:nth-child(2){ margin-right: 0;}
/* .s_platform .bd2 ul li:nth-child(1){left: 26%;top: 9%;background-size: 95% !important;}
.s_platform .bd2 ul li:nth-child(2){left: 2%;top: 14%;background-size: 75% !important;}
.s_platform .bd2 ul li:nth-child(3){left: 25%;bottom: 45%;background-size: 100% !important;}
.s_platform .bd2 ul li:nth-child(4){left: 0%;bottom: 36%;background-size: 70% !important;}
.s_platform .bd2 ul li:nth-child(5){right: 20%;top: 21%;background-size: 65% !important;}
.s_platform .bd2 ul li:nth-child(6){right: 0%;top: 6%;background-size: 100% !important;}
.s_platform .bd2 ul li:nth-child(7){right: 15%;bottom: 37%;background-size: 95% !important;}
.s_platform .bd2 ul li:nth-child(8){right: -4%;bottom: 52%;background-size: 70% !important;} */
.s_platform .bd2 ul li:nth-child(1){left: 20%;top: 18%;}
.s_platform .bd2 ul li:nth-child(2){left: -4%;top: 30%;}
.s_platform .bd2 ul li:nth-child(3){left: 23%;bottom: 51%;}
.s_platform .bd2 ul li:nth-child(4){left: 26%;bottom: 37%;}
.s_platform .bd2 ul li:nth-child(5){left: -3%;top: 50%;}
.s_platform .bd2 ul li:nth-child(6){left: 22%;bottom: 23%;} 
.s_platform .bd2 ul:nth-child(2) li{ left: auto !important;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(1){right: 20%;top: 18%;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(2){right: -4%;top: 29%;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(3){right: 21%;bottom: 51%;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(4){right: 25%;bottom: 37%;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(5){right: -1%;top: 50%;}
.s_platform .bd2 ul:nth-child(2) li:nth-child(6){right: 18%;bottom: 23%;} 
.s_platform .center .hd h5 {
    font-size: 1.25rem; 
}
.s_platform .center .hd p {
    font-size: 1.125rem;
}
.s_ys .box .ico{ margin-bottom: 1rem;}
.s_ys .box{ height: 19rem; padding: 2.5rem 1.5rem;}
.s_ys .box p{ margin-bottom: -2rem;}
.s_ys .box h4{ font-size: 1.125rem !important;}
.s_ys .box:hover p { 
    transform: translateY(-66px); 
}
.s_platform .txt h5{ font-size: 1.375rem; margin-bottom: 1rem;}
.s_pro .bd .txt span{ font-size: 1.25rem;}
.s_pro .bd .txt h4{ font-size: 1.5rem;}
#loader-wrapper .loader-section{ margin-left: 0;}
.load_boll1, .load_boll2 { width: 5rem;}
.pro_bg4{ width: 13rem;}
.foot_mask{ margin-top: 0;}
#foot{ background: url(../image/foot_bg_wap.png) right top no-repeat;}
#gotop { right: 12px;  top: -1.5rem;}
.s_pro2 .box3 .txtbox{ transform: none !important; opacity: 1 !important;}
.s_pro2 .box3 .txt p, .s_pro2 .box3 .txt p{ line-height: 1.5rem;}

}